<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form-表单</title>
</head>
<body>

  <!--
     web 1.0  门户网站 新闻网站  sina sohu 163 ---信息展示
     web 2.0  微博-博客         BAT ,移动互联网
     web 3.0  区块链

     提交数据 --- > 服务器

      Browser1   ---- Server ------ Browser12  、Browser13.....

      form
  -->


<!--
 form 属性
   action : 提交的位置
   method:  提交的方式 --- get 、post
     get 会把提交的信息 放在url--- 查询
     post 整体打包提交        --- 修改、登录

     哪个安全 -- post
     get和post都不安全
     为什么流行
     b/s --- browser/server
     c/s ----client /server

form域名
   input
-->

  <form action="#" method="gey">

    用户名: <input name="username" type="text" value="yonghu1" id="username"></input>
    密码: <input name="password" type="password"></input>
      <div>
          <input type="radio" name="gender" id="gender1">male
          <input type="radio" name="gender">female
      </div>
      <div>
          <input type="checkbox" name="" value="1"> 足球
          <input type="checkbox" name="" > 篮球
      </div>
      <div>
          <input type="hidden" value="test001">
      </div>
      <div>
          <textarea name="" id="" cols="30" rows="10"></textarea>
      </div>
      <select name="" >
           <option value="1">天津</option>
          <option value="1">北京</option>
      </select>
      <button type="submit">登录</button>
      <button type="button">普通按钮</button>
      <button type="reset">重置按钮</button>

  </form>


</body>
</html>